<template>
  <div>
    <h1>App</h1>

    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>
    <el-button type="info">信息按钮</el-button>
    <el-button type="warning">警告按钮</el-button>
    <el-button type="danger">危险按钮</el-button>

    {{ EventBus.title }}
    <hr>
    <TsHome ref="TsHomeRef"></TsHome>
    <button @click="log">TsHomeRef</button>
  </div>
</template>
<script>
import TsHome from './components/TsHome.vue'
export default {
  components: {
    TsHome
  },
  methods: {
    log() {
      const TsHomeRef = this.$refs.TsHomeRef;
      console.log(TsHomeRef);
      console.log(TsHomeRef.title);
      console.log(TsHomeRef.add(100, 200));
    }
  }
}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>